<template>
    <el-tree-select
        class="flex-tree-select"
        v-model="form[data.paramKey]"
        :data="payload"
        :props="fieldMaps"
        :placeholder="data.placeholder || '请选择'"
        :render-after-expand="false"
        :default-expand-all="true"
        :style="{ width: data.fullWidth ? '100%' : '10vw' }"
        :check-strictly="true"
    />
</template>
<script setup>
    import { watch } from 'vue';
    const props = defineProps({
        payload:{ type:Array },
        form:{ type:Object },
        data:{ type:Object },
        fieldMaps:{ type:Object }
    });
    
</script>
<style lang="scss">
    .flex-tree-select {
        .el-select__wrapper {
            height:var(--baseHeight);
            min-height:var(--baseHeight);
            font-size:var(--baseFontSize);
            line-height:var(--baseHeight);
            input {
                height:100%;
            }
            .el-select__suffix > .el-icon {
                font-size:var(--baseFontSize);
            }
            
        }
    
        
    }
    
</style>

